<template>
	<view class="bg-white u-border-radius-10 u-padding-15 u-margin-left-30 u-margin-right-30">
		<view class="area-bg u-border-radius-10 u-padding-15 u-flex u-row-between u-color-333333">
			<view class="">
				<text>客户需要额度：</text>
				<text class="u-font-weight-500">{{information.quota||0}}万</text>
			</view>
			<view class="nr">
				<text>客户城市：</text>
				<text class="u-font-weight-500">{{information.province||''}}</text>
			</view>
		</view>
		<view class="area-bg u-border-radius-10 u-padding-25 u-margin-top-15 nr u-color-333333" >
			<view class="u-font-weight-500">
				客户情况：
			</view>
			<view class="nr u-margin-top-15">
				{{information.description||''}}
			</view>
		</view>
		<view class="image-show-area u-margin-top-15 u-margin-bottom-15">
			<u-image v-for="(v,k) in information.images" :key="k" height="150rpx" :src="v" mode="aspectFill" :border-radius="10"></u-image>
		</view>
		<view class="u-flex  u-color-666666 xs u-margin-top-25 u-padding-bottom-25">
			<view class="u-flex-1">{{information.create_time}}</view>
			<u-icon :label="information.look_count" name="eye" size="24" label-size="24" class="u-padding-right-30"></u-icon>
			<like :isSelect="information.is_like" :likeCount="information.like_count" :articleType="1" :articleId="information.id"></like>
		</view>
	</view>
</template>

<script>
	import like from '@/yixu/pages/network_square/components/like.vue'
	export default {
		components:{
			like
		},
		props:{
			information:{
				default:()=>{}
			}
		}
	}
</script>

<style lang="scss">
	.area-bg {
		background: #F7F7F7;
	}
	
	.image-show-area{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		grid-gap: 10rpx;
	}
</style>